<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <img id="img" src="/day15/checkCodeServlet">
        <a id="text" href="">看不清楚,换一张</a>
        <script>
            /*分析:点击超链接或者图片.更换验证码图片
            *    1.  给图标或者超链接绑定单击事件
            *    2. 重新设置图片的src属性值
            * */
            window.onload=function () {
                document.getElementById("img").onclick=function () {
                  // this.src="/day15/checkCodeServlet"  单击无效果  因为图片已被浏览器缓存.访问的是缓存的图片
                   // this.src="/day15/checkCodeServlet?1" 修改参数 欺骗服务器重新访问 可以访问1次,后面次验证码将再次被浏览器缓存.点击无效果

                    //加一个永不重复的参数 时间戳
                    var time = new Date().getTime();
                    this.src="/day15/checkCodeServlet?"+time;



                }
            }





        </script>


    </body>
</html>